/* 第一步：样式标准化(重置)：将浏览器提供的默认样式统一化 实用化 */
/* 1. 将所有元素所有元素之前 所有元素之后 的盒子模型计算方案修改为边框盒子*/
*,*::before,*::after {
	box-sizing: border-box;
}
/* 2.根元素html的设置 */
html {
	font-size: 14px;
	/* 2.2 根元素html的高度默认是靠内容撑起来的，很矮，使用起来不方便
	  我们可以让html的高度是他的父级浏览器高度的100%*/
	height: 100%;
}
body {
	/* 不同浏览器外边距不同，不要，清零 */
	margin:0;
	font-family: '黑体',"arial","helvetica";
	background-color: #f5f5f5;
}
a:link {
	text-decoration: none;
	color: #808080;
}
a:visited {
	color: #808080;
}
a:hover {
	color: #666;
}
/* 不在这里设置激活样式 */
ul,ol {
	margin: 0;
	padding: 0;
}
li {
	list-style-type:none;
}
p {
	margin: 0;
}
input {
	outline: none;
}
/* 第二步：样式脚手架，声明一些基础类，辅助构建整个页面 */
.container {
	/* width: 1000px; */
	margin: 0 auto;
	user-select: none;
}
.clearfix::after {
	content: '';
	display: block;
	clear:both;
}
/* 第三步：开发测试阶段的辅助线，颜色自定义，代码完成后记得删掉 */
/* div { */
	/* border:1px solid #aaa; */
/* } */
/* 第四步：准备工作完成，正式开始写"各层楼"的样式 */
